With Cypress, you can easily create tests for your modern web applications, debug them visually, and automatically run them in your continuous integration builds.

Cypress Community

<nav className="navbar navbar-expand-lg navbar-dark bg-primary">
    <span className="navbar-brand">Game Zone</span>
    <ul className="navbar-nav">
        <li className="nav-item">
            <Link className="nav-link" to="/games"> Games
            </Link>
        </li>
        <li className="nav-item">
            <Link className="nav-link" to="/addGame"> Add Game
            </Link>
        </li>
        <li className="nav-item">
            <Link className="nav-link" to="/deleteGame"> Delete Game
            </Link>
        </li>
    </ul>
</nav>
I have 3 questions here - 
1. how can I check the number of links present in navbar?
2. how can I fetch all the <li/> tags?
which of the below options can I use ? 
cy.get('li')
cy.get('[class="nav-item"]')
cy.get('li[class="nav-item"]')

3. how to click on the third link present in navbar and then check if it redirects to "deleteGame" url ?

Tried below code to click on third link and check redirection to deleteGame url - please correct me.
it(navigates to Delete Game on click of nav link:, () =>{
    cy.get('.nav-link').then( (navlink)=>{
    navlink[2].click();
    cy.url(should("contain", "deleteGame")
    })
})